<!-- 钱包与发票 -->
<div class="order-container">

	<!--  start  -------->
	<div class="purse_content">

		<div class="money-Info"></div>
		<script type="text/x-jsrender" id="money-Info-Template">

		<div class="topbackground">
			<div class="tipData">
				<div class="databox">
					<p>账户余额（元）</p>
					<p>{{:balance?balance:0}} </p>
				</div>
				<div class="databox">
					<p>累计支出（元）</p>
					<p>{{:pay?pay:0}} </p>
				</div>
				<div class="databox">
					<p>累计退款（元）</p>
					<p>{{:refond?refond:0}} </p>
				</div>
			</div>
		</div>

	</script>


		<div class="context-box">
			<div class="context-boxbackground">
				<div class="tip">
					<span>已开票余额：</span> <span id="invoice">￥0</span>
				</div>
				<div class="tip">
					<span>待开票余额：</span> <span id="unInvoice">￥0</span>
				</div>
				<div id="showInvoiceDialogId" class="purseBut">开具发票</div>
			</div>

			<!-- 开票信息-->
			<div class="context-detail invoiceAccount">
				<div class="leftCon">
					<div class="no-contentBox1" style="display: none">暂无信息</div>
				</div>
			</div>

			<script type="text/x-jsrender" id="invoiceAccount-Template">
				<div class="leftCon">
					<div class="tip">
						<span>开票信息</span>
						<span onclick="purseInvoice.openEditAccount(2)"><img src="images/modify.png" />修改</span>
					</div>
					<div>
						<div class="detail">
							<p><span>名称&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>{{:name}}</span></p>
							<p><span>税号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>{{:code}}</span></p>
							<p><span>单位地址</span><span>{{:detail}}</span></p>
							<p><span>电话号码</span><span>{{:phone}}</span></p>
							<p><span>开户银行</span><span>{{:bank}}</span></p>
							<p><span>银行地址</span><span>{{:number}}</span></p>
						</div>
						<div class="bottom-tip">
							<span>纳税人资质证书</span>
							<img style="float:right;" src="images/Trash.png" />
							<img class="rightImg" src="images/download.png" />
						</div>
					</div>
					
				</div>



			</script>


			<!-- 地址信息-->
			<div class="address-detail">

				<div class="leftCon">
					<div class="tip">
						<span>地址信息</span>
						<div class="addButton" onclick="purseInvoice.getAddress(2)">+增加地址</div>
					</div>
					<div class="detail">
						<table class="table table-hover">
							<tbody class="addressList">

							</tbody>

						</table>
					</div>
					<div class='norecord' style="display: none">
						<img src="images/noRecord.png">
						<h4>暂无地址信息</h4>
					</div>
				</div>

			</div>

			<script type="text/x-jsrender" id="addressList-Template">

								{{for list}}
								<tr>
									<td>{{:~mSubContent(name,10)}}</td>
									<td>{{:phone}}</td>
									<td>{{:country}}&nbsp{{:province}}&nbsp{{:city}}&nbsp{{:area}}&nbsp{{:~mSubContent(detail,20)}}</td>
									<td class="modeImg" onclick="purseInvoice.getAddress(2,{{:id}})">修改</td>
									<td onclick="purseInvoice.delectAddress({{:id}})">删除</td>
								</tr>

								{{/for}}
								
						  </script>

			<div class="choiceTab">
				<div id="chioce1" class="choiceTab-box">
					<div class="dropdown">
						<span id="dropdownMenu1" data-toggle="dropdown"
							aria-haspopup="true" aria-expanded="true"> 交易记录<img
							src="images/drop-down.png" />
						</span>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
							<li><a href="javascript:void(0);" onclick="purseInvoice.initLog(0,1)">全部记录</a></li>
							<li><a href="javascript:void(0); " onclick="purseInvoice.initLog(0,1,0)">支出</a></li>
							<li><a href="javascript:void(0);" onclick="purseInvoice.initLog(0,1,1)">退款</a></li>
						</ul>
					</div>
				</div>
				<div id="chioce2" class="choiceTab-box active">
					<span>开票记录</span>
				</div>
			</div>


			<div class="kb_table" id="transactionRecord">
				<table>
					<thead>
						<tr class="theadSty">
							<td>分类</td>
							<td>时间</td>
							<td>名称</td>
							<td>金额</td>
							<!-- <td>账户</td><td>{{:code}}</td> -->
						</tr>
					</thead>
					<tbody class="invoiceLog">

					</tbody>
					<div class=' norecord norecord1' style="display: none;">
						<img src="images/noRecord.png">
						<h4>当前暂无记录</h4>
					</div>
				</table>
			</div>
			<script type="text/x-jsrender" id="invoiceLog-Template">
					{{for}}
						<tr>
							<td>{{:type==0?"支出":"退款"}}</td>
							<td>{{:createTime}}</td>
							<td>[{{:name}}]</td>
							<td>{{:money}}</td>
							
						</tr>
					{{/for}}
						  </script>

			<div class="kb_table" id="ticketRecord" style="display: none">
				<table style="display: none;">
					<thead>
						<tr class="theadSty">
							<td>开票时间</td>
							<td>发票抬头</td>
							<td>开票金额</td>
							<td>状态</td>
							<td>寄送信息</td>
						</tr>
					</thead>
					<tbody class="invoiceTrans">

					</tbody>

					
					<div class='norecord norecord2' style="display: none;">
						<img src="images/noRecord.png">
						<h4>当前暂无记录</h4>
					</div>
				</table>
			</div>

			<script type="text/x-jsrender" id="invoiceTrans-Template">
					{{for}}
					<tr>
						<td>{{:createTime}}</td>
						<td>{{:name}}</td>
						<td>{{:money}}</td>
						<td>{{if status == 0}}待处理{{else}}已处理{{/if}}</td>
						<td>{{:delivery}}：{{:deliveryNumber}} </td>
					</tr>
					{{/for}}
						  </script>
			<!-- 分页 -->
			<div class="tcdPageCode"></div>

		</div>

	</div>


	<!--    开具发票第一步弹出框   start -------------------------------------------->
	<div id="invoiceDialog" class="modal inmodal" tabindex="-1"
		role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width: 500px; margin-top: 100px;">
			<div class="modal-content animated bounceInRight">

				<div class="modal-header">
					<button type="button" title="关闭" class="close" data-dismiss="modal"
						style="float: right; font-size: 32px; opacity: 0.6; margin-top: -7px; min-width: 0px; font-weight: 100;">&times;</button>
					<h4 class="modal-title">开具发票</h4>
				</div>
				<div class="invc-info" style="margin-top: 20px;">
					<div class="form-group">
						<p class=''>
							<a class="invc-type" data="0">电子普通发票</a> <a class="active invc-type" data="1">纸质普通发票</a> <a class="invc-type" data="2">增值税专用发票</a>
						</p>
					</div>
					<div style="margin-top: 10px;">
						<label style="font-size: 14px; color: #6c7786;">发票内容：</label> <span>技术服务</span>
					</div>
					<input type="hidden" val="" id="orderIds" />
					<ul id="unbilledTask-Content"
						style="height: 249px; box-shadow: 0 -1px 0 0 #c4dff5 inset;">

					</ul>

					<script type="text/x-jsrender" id="unbilledTask-Template">
					{{for}}
						<li><strong><span>NO.{{:code}} {{:name}}</span></strong><em>¥
								{{:pay}}</em></li>
					{{/for}}
					</script>
				
					<div class="total" style="margin-bottom: 0px;">
						<p>
							开票金额：<em id="invoiceMoney" class="unInvoice">¥ 0</em>
						</p>
					</div>
					<div class="next-btn">
						<button id="sureInvoice" type="button"
							class="btn btn-default btnNew">下一步</button>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!--     开具发票第一步弹出框   end -------------------------------------------->


	<!--   开具发票弹出框  start ------------------------------------------------------------------------------------------------- -->
	<div id="SubmitInvoice" class="modal inmodal" tabindex="-1"
		role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width: 500px; margin-top: 100px;">
			<div class="modal-content animated bounceInRight">

				<div class="modal-header">
					<button type="button" title="关闭" class="close" data-dismiss="modal"
						style="float: right; font-size: 32px; opacity: 0.6; margin-top: -7px; min-width: 0px; font-weight: 100;">&times;</button>
					<h4 class="modal-title">发票信息</h4>
				</div>
				<input type="hidden" val="" id="invoiceInfoId" />
				<div class="invc-info" style="margin: 20px 20px 0px 20px;">

					<form>
						<div class="form-group" style="margin-top: 10px;">
							<label>发票抬头：</label> <input type="text" id="invoiceName"
								class="form-control">
						</div>
						<div class="form-group">
							<label>纳税人识别码：</label> <input type="text" id="invoiceCode"
								class="form-control">
						</div>
						<div class="form-group">
							<label style="float: left;">单位地址：</label>
							<textarea type="text" style="height: 60px;" id="invoiceDetail"
								class="form-control"></textarea>
						</div>
						<div class="form-group">
							<label>电话号码：</label> <input type="text" id="invoicePhone"
								class="form-control">
						</div>
						<div class="form-group clear">
							<label>开户银行：</label> <input type="text" id="invoiceBank"
								class="form-control">
						</div>
						<div class="form-group">
							<label>银行账户：</label> <input id="invoiceNumber" type="text"
								class="form-control">
						</div>
						<div class="form-group">
							<label>发票接收邮箱：</label> <input type="text" id="invoiceEmail"
								class="form-control">
						</div>
						<div class="form-group">
							<label>上传证书：</label> <span
								style="text-align: center; line-height: 30px; width: 53%;" id="imgName"></span>
								  <div id="itemFileContainer" class="hidden"></div>
							<button type="button" class="btn btn-default upBtu"  onclick="QiniuUploadUtils.choiceFile(this)">重新上传</button>
						</div>
					</form>

					<div class="next-btn">
						<span id="upInvoice2"><img src="images/upStep.png" />上一步</span>
						<button id="sureInvoice2" type="button" class="btn btn-default">保存</button>
					</div>

				</div>

			</div>
		</div>
	</div>
	<!--     开具发票弹出框   end -------------------------------------------->

	<!--     收票信息弹出框   start -------------------------------------------->
	<div id="ticketCollecting" class="modal inmodal" tabindex="-1"
		role="dialog" aria-hidden="true" style="z-index:1100;">
		<div class="modal-dialog" style="width: 500px; margin-top: 100px;">
			<div class="modal-content animated bounceInRight">

				<div class="modal-header">
					<button type="button" title="关闭" class="close" data-dismiss="modal"
						style="float: right; font-size: 32px; opacity: 0.6; margin-top: -7px; min-width: 0px; font-weight: 100;">&times;</button>
					<h4 class="modal-title">新增收货地址</h4>
				</div>

				<div class="invc-info" style="margin: 20px 20px 0px 20px;">
					<form class="address-form">
						<input type="hidden" val="" id="addressId" />
						<div class="form-group" style="margin-top: 10px;">
							<label>收件人：</label> <input id="aName" type="text"
								class="form-control">
						</div>
						<div class="form-group">
							<label>联系号码：</label> <input id="aPhone" type="text"
								class="form-control">
						</div>
						<div class="form-group" style="margin-top: 10px;">
							<label>交货地址：</label>
							<div class="col-md-9 lc-tl-l" id="selectAddress">
								<select class="prov lc-input" name="province"></select> <select
									class="city lc-input" name="city" disabled="disabled"></select>
								<select class="dist lc-input" name="area" disabled="disabled"></select>
							</div>
						</div>
						<div class="form-group">
							<label style="float: left">地址：</label>
							<textarea type="text" style="height: 60px;" id="aDetail"
								placeholder="请填写具体地址详细到街道门牌号" class="form-control"></textarea>
						</div>
					</form>

					<div class="next-btn">
						<button id="sureInvoice3" type="button"
							class="btn btn-default centBut">保存</button>
					</div>

				</div>

			</div>
		</div>
	</div>
	<!--     弹出框   end -------------------------------------------->







	<!--    地址及收件人信息弹出框   start -------------------------------------------->
	<div id="addressPeoInfo" class="modal inmodal" tabindex="-1"
		role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width: 600px; margin-top: 100px;">
			<div class="modal-content animated bounceInRight">

				<div class="modal-header">
					<button type="button" title="关闭" class="close" data-dismiss="modal"
						style="float: right; font-size: 32px; opacity: 0.6; margin-top: -7px; min-width: 0px; font-weight: 100;">&times;</button>
					<h4 class="modal-title">地址及收件人信息</h4>
				</div>
				<div class="invc-info" style="margin-top: 20px;">
					<div class="addAddredss">+新增收货信息</div>
					<div class="addressInfo"></div>
					<script type="text/x-jsrender" id="addressInfo-Template">
					{{for list}}
						<div class="infoRow">
							<div class="choiceBox">
								<input type="hidden" val="{{:id}}" class="addressId" />
							</div>
							<span>{{:~mSubContent(name,5)}}</span> <span>{{:phone}}</span> <span>{{:country}}&nbsp{{:province}}&nbsp{{:city}}&nbsp{{:area}}&nbsp{{:~mSubContent(detail,5)}}</span>
							<span onclick="purseInvoice.getAddress(1,{{:id}})">修改</span>
						</div>
					{{/for}}

						  </script>
					<div class="next-btn">
						<span id="upInvoice3"><img src="images/upStep.png" />上一步</span>
						<button id="openTicketOpeningInfo" type="button"
							class="btn btn-default btnNew" onclick="purseInvoice.doInvoice()">确认开具</button>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!--   地址及收件人信息弹出框   end -------------------------------------------->




	<!--    开票信息弹出框   start -------------------------------------------->
	<div id="ticketOpeningInfo" class="modal inmodal" tabindex="-1"
		role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width: 500px; margin-top: 100px;">
			<div class="modal-content animated bounceInRight">

				<div class="modal-header">
					<button type="button" title="关闭" class="close" data-dismiss="modal"
						style="float: right; font-size: 32px; opacity: 0.6; margin-top: -7px; min-width: 0px; font-weight: 100;">&times;</button>
					<h4 class="modal-title">开票信息</h4>
				</div>
				<div class="invc-info" style="margin-top: 20px;">

					<div class="haveInfo editInfo">
						<span id="infoName">中国科技集团</span> <span><img
							src="images/modify.png" />修改</span>
					</div>

					<div class="noInfo editInfo" style="display: none;">+新增开票信息</div>

					<div class="next-btn">
						<span id="backToinvoiceDialog"><img src="images/upStep.png" />上一步</span>
						<button id="openAddress" type="button"
							class="btn btn-default btnNew">下一步</button>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!--   地址及收件人信息弹出框   end -------------------------------------------->


</div>

